<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 让IE浏览器以最高版本去兼容 -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 视口模式，调整网页大小 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>喜欢it，就上撩课(itlike.com)</title>
    <!-- 利用icon格式图片，生产站点图标 -->
    <link rel="stylesheet icon" href="../img/favicon.ico">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>

 <!-- 头部 -->
<header id="li_header">
    <!-- 上部分 -->
    <div class="top-bar  hidden-sm hidden-xs text-center text-muted">
        <!-- 布局容器 -->
        <div class="container">
            <div class="row">
              <div class="top-bar-1 col-md-2">
                  <a href="" class="text-muted">
                      <i class="glyphicon glyphicon-phone"></i>
                      <span>关注微信号</span>
                      <span></span>
                      <img src="../img/header/erweima.png" alt="辛先生" width="130px">
                  </a>
              </div>
              <div class="top-bar-2 col-md-5">
                  <i class="glyphicon glyphicon-earphone"></i>
                  <span>888-555-6666(服务时间：9：00-21：00)</span>
              </div>
              <div class="top-bar-3 col-md-2">
                  <a href="" class="text-muted">校企合作</a>
                  <a href="" class="text-muted">培训师</a>
              </div>
              <div class="top-bar-4 col-md-3">
                    <a class="btn btn-register btn-sm" href="#" role="button">免费注册</a>
                    <a class="text-muted "  href="#" role="button" style="margin-left: 10px;">立即登录</a>
              </div>
            </div>
        </div>
    </div>
    <!-- 下部分 -->
    <div class="down-bar"></div>
</header>
<!-- 轮播图 -->
<section id="li_carousel">轮播图</section>
<!-- 关于我们 -->
<section id="li_about">关于我们</section>
<!-- 产品特色 -->
<section id="li_product">产品特色</section>
<!-- 热门课程 -->
<section id="li_hot">热门课程</section>
<!-- 热情链接 -->
<section id="li_link">友情链接</section>
<!-- 底部 -->
<footer id="li_footer">底部</footer>






    <!-- 引入bootstrap 所依赖的jQuery -->
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" 
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" 
        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script src="../js/index.js"></script>
</body>
</html>